@charset "utf-8";
/*.banneri*/ 
.contain1{ padding-bottom:25.1vw; position:relative;}
.banneri #owl-demo .item { width: 100%; display: block; overflow: hidden; position: relative; }
.banneri #owl-demo .item img { width: 100%; height:auto; }
.banneri #owl-demo .active .item img { animation: mobileburns 30s infinite;}
.banneri #owl-demo .item .banry{ width:100%; position: absolute; top:35%; left:0; z-index: 100; color: #FFF;}
.banneri #owl-demo .item .banry p{ margin-left:13%;}
.banneri #owl-demo .item .banry .f72{ transform: translateX(60px); opacity: 0;}
.banneri #owl-demo .active .item .banry .f72{ transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1;}
.banneri #owl-demo .item .banry i{ width:64%; height:2px; background:rgba(255, 255, 255, 0.2); transform: translateX(70px); opacity: 0;}
.banneri #owl-demo .active .item .banry i{ transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1;}
.banneri #owl-demo .item .banry .f20{ transform: translateX(80px); opacity: 0;}
.banneri #owl-demo .active .item .banry .f20{ transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1;}
.banneri .owl-pagination { position: absolute; left: 0; bottom: 25%; text-align: center;}
.banneri .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.banneri .owl-buttons div:hover { opacity: 1; }
.banneri .owl-buttons div.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.banneri .owl-buttons div.owl-next, .banneri .owl-buttons div:hover.owl-next { right: 5%;}
/*abouts*/ 
.con_a{ position:absolute; left:0; bottom:0; z-index:1;}
.more1{ width:5.4vw; height:5.4vw; background:url(../images/more1.png) no-repeat; background-size:cover; display:block;}
.more1:hover{ background:url(../images/more1_ed.png) no-repeat; background-size:cover;}

.more2{ width:5.4vw; height:5.4vw; background:url(../images/more3.png) no-repeat; background-size:cover; display:block;}
.more2:hover{ background:url(../images/more1_ed.png) no-repeat; background-size:cover;}

.abouts{ width:33%; position:relative;}
.abouts dd{ position:absolute; left:0; top:0; z-index:1;}
.abouts .morea{ position:absolute; left:0; bottom:0; z-index:1;}
/*cplb*/ 
.cplb{ width:65.6%;}
.cplb #owl-demo .item { width: 100%; display: block; overflow: hidden; position: relative; }
.cplb #owl-demo .item .white{ position:absolute; left:0; top:0; z-index:1;}
.cplb #owl-demo .item .morea{ position:absolute; left:0; bottom:0; z-index:1;} 
.cplb .owl-buttons{ display:none;}
.cplb .owl-pagination { position: absolute; right: 5%; top: 10%; text-align:right;}
.cplb .owl-buttons div { display:none;}
/*发展*/
.contain2{ background:url(../images/bg1.jpg) no-repeat center bottom #fff; background-size:cover;}
.fzlc{ width:65.6%; height:25vw; float:left;}
.fzlc .fzlc_top{ height:7vw;}

.fzlc .product-section{ background:url(../images/la.png) repeat-x 0 5.2vw; position: relative;}
.fzlc .product-wrapper{ margin-left: auto; margin-right: auto; position: relative;}
.fzlc .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.fzlc .features-item{ height:15.5vw;}
.fzlc .features-item p{ font-size:1.2vw; height:2vw;}
.fzlc .features-item .lihe18{ display:none;}
.fzlc .features-item .dot{ width:0.9vw; height:0.9vw; margin:0.3vw auto; position:relative;}
.fzlc .features-item .dot i{ width:0.9vw; height:0.9vw; border:1px #c2c2c2 solid; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.fzlc .features-item .dot em{ width:0.4vw; height:0.4vw; background:#c2c2c2; position:absolute; left:0.25vw; top:0.25vw; -webkit-animation: warn 5s ease-out; -moz-animation: warn 5s ease-out; animation: warn 5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.fzlc .features-item:hover p, .fzlc .features-item.swiper-slide-active p{ font-size:1.8vw; font-weight:bolder;}
.fzlc .features-item:hover .lihe18, .fzlc .features-item.swiper-slide-active .lihe18{ display:block; width:250%;}
.fzlc .features-item:hover .dot, .fzlc .features-item.swiper-slide-active .dot{ width:1.2vw; height:1.2vw; margin:0.3vw auto;}
.fzlc .features-item:hover .dot i, .fzlc .features-item.swiper-slide-active .dot i{ width:1.2vw; height:1.2vw; border:1px #d0400a solid; -webkit-animation: none; -moz-animation: none; animation:none; -webkit-animation-iteration-count:!important; -moz-animation-iteration-count: !important; animation-iteration-count:!important;}
.fzlc .features-item:hover .dot em, .fzlc .features-item.swiper-slide-active .dot em{ width:0.7vw; height:0.7vw; background:#d0400a;-webkit-animation: none; -moz-animation: none; animation:none; -webkit-animation-iteration-count:!important; -moz-animation-iteration-count: !important; animation-iteration-count:!important;}

.fzlc .product-section .swiper-button-next { width:5.4vw; height:5.4vw; background:url(../images/more3.png) no-repeat; background-size:cover; display:block; bottom:1.5vw; right:0; position: absolute; cursor:pointer; z-index:1;}
.fzlc .product-section .swiper-button-next:hover{ background:url(../images/more1_ed.png) no-repeat; background-size:cover;}

/*ceo*/
.ceo{ width:33%; height:25vw; position:relative; float:right;}
.ceo .morea{ position:absolute; left:0; bottom:0; z-index:1;}

/*合作客户*/
.hzhb{ width:33%; height:25vw; position:relative; float:left; background:url(../images/hy.png) repeat; margin-top:1vw;}
.hzhb .morea{ position:absolute; left:0; bottom:0; z-index:1;}

/*营销网络*/
.yxwl{ width:65.6%; float:right; position:relative; height:auto; margin-top:1vw;}
.yxwl .yxwl_top{ position:absolute; left:0; top:0; z-index:1;}
.yxwl span{ width:0.6%; position:absolute; right:18%; top:48%; z-index:3;}
.yxwl em{ position:absolute; z-index:1;}
.yxwl em.lin1{ width:31%; right:17.5%; top:37%;}
.yxwl em.lin2{ width:4%; right:17%; top:48%;}
.yxwl em.lin3{ width:0.9%; right:18%; top:47%;}
.yxwl em.lin4{ width:4.88%; right:13.74%; top:47%;}
.yxwl em.lin5{ width:5.8%; right:13%; top:44%;}


.yxwl i{ width:3.6%; position:absolute; z-index:2;}
.yxwl i:hover{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 5.5s linear infinite; -webkit-animation: btnRotate 5.5s linear infinite; -moz-animation: btnRotate 5.5s linear infinite; -ms-animation: btnRotate 5.5s linear infinite; }
.yxwl i.gq1{ left:47.7%; top:35.39%;}
.yxwl i.gq2{ right:11%; top:41.6%;}
.yxwl i.gq3{ right:17.25%; top:45.3%;}
.yxwl i.gq4{ right:11%; top:50.4%;}
.yxwl i.gq5{ right:20.9%; top:52.86%;}
.yxwl i.gq6{ right:17.36%; top:56%;}















@media screen and (max-width: 1024px) and (min-width:0) {
/*.banneri*/ 
.contain1{ padding-bottom:0;}
.banneri #owl-demo .active .item img { animation:none;}
.banneri #owl-demo .item .banry{ top:30%; text-align:center;}
.banneri #owl-demo .item .banry p{ width:90%;margin-left:5%;}
.banneri #owl-demo .item .banry .f72{ transform:none; opacity: 1; font-size: 0.54rem;}
.banneri #owl-demo .item .banry i{ width:100%; transform:none; opacity: 1;}
.banneri #owl-demo .item .banry p.f20{ width:70%;margin-left:15%;}
.banneri #owl-demo .item .banry .f20{ transform:none; opacity: 1; line-height:1.8;}
.banneri .owl-pagination { bottom: 6%; }
.banneri .owl-page { width: 0.2rem; height: 0.2rem; margin: 0 0.1rem;}
.banneri .owl-page.active { width: 0.36rem; height: 0.36rem;}
.banneri .owl-buttons div { display:none;}

/*abouts*/ 
.con_a{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.more1{ width:1rem; height:0.38rem; background:url(../images/more2.png) no-repeat; background-size:cover; display:block;}
.more1:hover{ background:url(../images/more2_ed.png) no-repeat; background-size:cover;}
.abouts{ width:100%; margin-top:0.5rem; text-align:center;}
.abouts .morea .more1{ margin:0 auto;}
/*cplb*/ 
.cplb{ width:100%;}

/*发展*/
.fzlc{ width:100%; height:auto; float:none; padding-bottom:0.35rem; text-align:center;}
.fzlc .fzlc_top{ height:auto;}
.fzlc .wap-section{ background:url(../images/la.png) repeat-x 0 23%; position: relative;}
.fzlc .wap-wrapper{ margin-left: auto; margin-right: auto; position: relative;}
.fzlc .features-item{ height:auto; position:relative;}
.fzlc .features-item p{ font-size:0.27rem; height:0.4rem;}
.fzlc .features-item .dot{ width:0.18rem; height:0.18rem; margin:0.6rem auto;}
.fzlc .features-item .dot i{ width:0.18rem; height:0.18rem; -webkit-animation: none; -moz-animation: none; animation:none; -webkit-animation-iteration-count:!important; -moz-animation-iteration-count: !important; animation-iteration-count:!important;}
.fzlc .features-item .dot em{ width:0.08rem; height:0.08rem; left:0.05rem; top:0.05rem; -webkit-animation: none; -moz-animation: none; animation:none; -webkit-animation-iteration-count:!important; -moz-animation-iteration-count: !important; animation-iteration-count:!important;}
.fzlc .features-item:hover p, .fzlc .features-item.swiper-slide-active p{ font-size:0.38rem;}
.fzlc .features-item:hover .lihe18, .fzlc .features-item.swiper-slide-active .lihe18{ width:300%; height:3.9rem; margin-left:-100%;}
.fzlc .features-item:hover .dot, .fzlc .features-item.swiper-slide-active .dot{ width:0.24rem; height:0.24rem; margin:0.6rem auto;}
.fzlc .features-item:hover .dot i, .fzlc .features-item.swiper-slide-active .dot i{ width:0.24rem; height:0.24rem;}
.fzlc .features-item:hover .dot em, .fzlc .features-item.swiper-slide-active .dot em{ width:0.14rem; height:0.14rem;}
.fzlc .awr{ width:0.82rem; height:0.82rem; background:url(../images/awr.png) no-repeat center; background-size:cover; margin:0 auto;}


/*ceo*/
.ceo{ width:48%; height:4rem; float:left; margin-top:0.2rem;}
.ceo .morea .more1.fr{ float:right;}

/*合作客户*/
.hzhb{ width:48%; height:4rem; float:right; margin-top:0.2rem;}
.hzhb .morea .more1.fr{ float:right;}

/*营销网络*/
.yxwl{ width:100%; float:none; margin-top:0.2rem;}
.yxwl .yxwl_top{ text-align:center;}
.yxwl .pt60{ padding-top:1.2rem;}




}

/* animation */
@keyframes mobileburns {
    5% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    65% {
        transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
        animation-timing-function: ease-in;
    }
    80% {
        transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}